$(function(){
    // 头部导航栏左边列表
    $('#C_uls>li').hover(function(){
        $(this).children('a').toggleClass('li_a_hover');
        $(this).children('svg').toggleClass('li_a_hover').css('transform',"rotate(180deg)");
    },function(){
        $(this).children('a').toggleClass('li_a_hover');
        $(this).children('svg').toggleClass('li_a_hover').css('transform',"rotate(0deg)");
    })

    // 导航栏字体颜色
    $('#C_uls>li').click(function(){
        // console.log($(this).index());
        $(this).children('a').css('color','rgba(255,93,35,1)').parent().siblings('li').children('a').css('color','#fff');
        $(this).children('a').css('color','rgba(255,93,35,1)').parent().siblings('li').children('svg').css('color','#fff');
        $(this).children('svg').css('color','rgba(255,93,35,1)').parent().siblings('li').children('svg').css('color','#fff');
        $(this).children('svg').css('color','rgba(255,93,35,1)').parent().siblings('li').children('a').css('color','#fff');
    })

    // 头部导航栏右边列表
    $('#CR_uls>li').hover(function(){
        $(this).children('a').toggleClass('li_a_hover');
        $(this).children('svg').toggleClass('li_a_hover');
    },function(){
        $(this).children('a').toggleClass('li_a_hover');
        $(this).children('svg').toggleClass('li_a_hover');
    })
    $('#CR_uls>li').click(function(){
        $(this).children('a').css('color','rgba(255,93,35,1)').parent().siblings('li').children('a').css('color','#fff');
        $(this).children('svg').css('color','rgba(255,93,35,1)').parent().siblings('li').children('svg').css('color','#fff');
    })

    // 关注 特别关注 视频动态
    $('.header_guanzhu>div>div').eq(0).click(function() {
        $('.guanzhu_one').show();
        $('.guanzhu_two').hide();
        $('.guanzhu_three').hide();
    })
    $('.header_guanzhu>div>div').eq(1).click(function() {
        $('.guanzhu_two').show();
        $('.guanzhu_one').hide();
        $('.guanzhu_three').hide();
    })
    $('.header_guanzhu>div>div').eq(2).click(function() {
        $('.guanzhu_three').show();
        $('.guanzhu_two').hide();
        $('.guanzhu_one').hide();
    })
    
    $.ajax({
        type: "get",
        url: "./JSON/wqy_data.json",
        async: false,
        success: function(response) {
            // 请求热门分类
            $.each(response.header_list[0].sort1,function(i,e){
                $('<li></li>').html(e.cont).appendTo($('.header_sort_uls'));
            })
            $('.header_sort_uls>li').hover(function(){
                $(this).css({"color": "#fff","background": "#FF5D23"});
            },function(){
                $(this).css({"color": "rgba(88,89,90,1)","background": "rgb(242,242,242)"});
            })
            // 请求玩家推荐
            $.each(response.header_list[0].sort2,function(i,e){
                $('<li></li>').html(e.cont).appendTo($('.header_sort_uls2'));
            })
            $('.header_sort_uls2>li').hover(function(){
                $(this).css({"color": "#fff","background": "#FF5D23"});
            },function(){
                $(this).css({"color": "rgba(88,89,90,1)","background": "rgb(242,242,242)"});
            })
            $('.sort_div').hover(function(){
                $(this).css('background','#F14700');
            },function(){
                $(this).css('background','#FF5D23');
            })

            // 官方推荐
            
            $.each(response.video_data[0].gftj,function(i,e){
                $('<li></li>').html('<img src="'+e.src+'" alt=""><p>'+e.p+'</p> ').appendTo($('.gftj_uls'));
            })

            // 人气视频
           
            $.each(response.video_data[0].rqsp,function(i,e){
                $('<li></li>').html('<h4>'+e.title+'</h4><p><svg class="icon" aria-hidden="true"><use xlink:href="#icon-UPzhu"></use></svg>'+e.cont+'</p>').appendTo($('.rqsp_uls'));
            })

            // 网游推荐
            $.each(response.games.games_one,function(i,e){
                // $('<div class="wytj"></div>').html('<div><img src="'+e.src+'" alt=""><p>'+e.title+'</p><span>开始游戏</span></div>').appendTo($('.games_one'));
                $('<div class="wytj"></div>').html('<div><img src="'+e.src+'" alt=""><p>'+e.title+'</p><span>开始游戏</span></div>').insertBefore($('.games_one').children('span'));
            })
            // 手游推荐
            $.each(response.games.games_two,function(i,e){
                $('<div class="sytj"></div>').html('<div><img src="'+e.src+'" alt=""><p>'+e.title+'</p><span>开始游戏</span></div>').insertBefore($('.games_two').children('span'));
            })
        }
    })

    // 下拉框
    // 分类
    $('#C_uls>li').eq(2).hover(function(){
        $('.header_sort').show();
    },function(){
        $('.header_sort').hide();
    })
    $('.header_sort').hover(function(){
        $('.header_sort').show();
    },function(){
        $('.header_sort').hide();
    })

    // 视频
    $('#C_uls>li').eq(3).hover(function(){
        $('.header_video').show();
    },function(){
        $('.header_video').hide();
    })
    $('.header_video').hover(function(){
        $('.header_video').show();
    },function(){
        $('.header_video').hide();
    })

    // 游戏
    $('#C_uls>li').eq(4).hover(function(){
        $('.header_games').show();
    },function(){
        $('.header_games').hide();
    })
    $('.header_games').hover(function(){
        $('.header_games').show();
    },function(){
        $('.header_games').hide();
    })

    // 关注
    $('.header_guanzhu>div>div').click(function(){
        $(this).css({'background':"#FF5D23","color":"#fff"}).siblings().css({'background':'rgb(242,242,242)',"color":"#333"});
    })
    $('#CR_uls>li').eq(1).hover(function(){
        $('.header_guanzhu').show();
    },function(){
        $('.header_guanzhu').hide();
    })
    $('.header_guanzhu').hover(function(){
        $('.header_guanzhu').show();
    },function(){
        $('.header_guanzhu').hide();
    })

    // 客户端
    $('#CR_uls>li').eq(2).hover(function(){
        $('.header_PC').show();
    },function(){
        $('.header_PC').hide();
    })
    $('.header_PC').hover(function(){
        $('.header_PC').show();
    },function(){
        $('.header_PC').hide();
    })

})